<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>媒体-广告资源</title>
    <link href="css/main.css" type="text/css" rel="stylesheet" />
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="container" id="mt_ggzy">
   <div class="title_banner clearfix">
       <div class="title_left fl">
          <span>镇江</span>
          <img src="images/iconfont-jiantou.png"/>
       </div>
       <div class="title_center fl clearfix">
          <span class="click_active ggzy fl">广告资源</span>
          <span class="fl wyrz">我要入驻</span>
       </div>
       <div class="title_right fl clearfix">
           <a class="fl fangdajing" href="#">
              <img src="images/iconfont_fangdajing.png" />
           </a>
           <a class="fl info" href="#">
              <img src="images/iconfont-info.png" />
              <span class="number">1</span>
           </a>
       </div>
   </div>
   <div class="at_top_bg">
        <div id="at_top_title" class="swiper-container swiper-container-horizontal">
            <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1280px, 0px, 0px);">
                <div class="swiper-slide">
                    <img src="tmp/bg_banner.jpg"/>
                </div>
                <div class="swiper-slide">
                    <img src="tmp/bg_banner.jpg"/>
                </div>
                <div class="swiper-slide">
                    <img src="tmp/bg_banner.jpg"/>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                <span class="swiper-pagination-bullet"></span>
                <span class="swiper-pagination-bullet"></span>
                <span class="swiper-pagination-bullet"></span>
            </div>
        </div>
    </div>
   <div class="handpick_title clearfix">
        <a href="#" class="at_tt_left pull-left">
            <img src="images/icon_jilu.png" class="date-icon"/>
            <span>发布广告</span>
        </a>
        <a href="#" class="at_tt_left pull-left">
            <img src="images/icon_zhongchou.png" class="date-icon"/>
            <span>众筹得益</span>
        </a>
        <a href="#" class="at_tt_left pull-left">
            <img src="images/icon_tuiguang.png" class="date-icon"/>
            <span>发起活动</span>
        </a>
        <a href="#" class="at_tt_left pull-left">
            <img src="images/icon_huodong.png" class="date-icon"/>
            <span>套餐活动</span>
        </a>
        <a href="#" class="at_tt_left pull-left">
            <img src="images/icon_lianmengdai.png" class="date-icon"/>
            <span>招标拍卖</span>
        </a>
    </div>
   <div class="runiutoutiao m-detail-show">
       <img src="images/icon_niubotoutiao.png"/>
        <!-- Swiper -->
        <div id="news" class="swiper-containers">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    我们在镇江悬赏第1批体验志愿者
                </div>
                <div class="swiper-slide">
                    我们在镇江悬赏第2批体验志愿者
                </div>
                <div class="swiper-slide">
                    我们在镇江悬赏第3批体验志愿者
                </div>
                <div class="swiper-slide">
                    我们在镇江悬赏第4批体验志愿者
                </div>
            </div>
        </div>
    </div>
   <div class="guanggao clearfix">
       <a href="#" class="left_guanggao fl">
           <img src="tmp/bg_banner_left.jpg"/>
       </a>
       <a href="#" class="right_guanggao  fl">
           <img src="tmp/bg_banner_right.png"/>
       </a>
   </div>
   <div class="daily-goods">
        <div class="dg_title clearfix">
           <div class="dg_title_left fl clearfix">
               <span class="fl">人气广告位</span>
               <img class="fl" src="images/icon_hot.png"/>
           </div>
           <div class="dg_title_right fr">
               <img src="images/icon_jiantouyou.png"/>
           </div>
        </div>
        <ul class="daily-goods-cont">
            <li>
                <a href="#">
                    <div class="dgc_bg">
                        <img src="tmp/bg_shop1.png"/>
                    </div>
                    <span>地铁大牌8折</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="dgc_bg">
                        <img src="tmp/bg_shop2.png"/>
                    </div>
                    <span>地铁大牌8折</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="dgc_bg">
                        <img src="tmp/bg_shop3.png"/>
                    </div>
                    <span>地铁大牌8折</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="dgc_bg">
                        <img src="tmp/bg_shop1.png"/>
                    </div>
                    <span>地铁大牌8折</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="dgc_bg">
                        <img src="tmp/bg_shop2.png"/>
                    </div>
                    <span>地铁大牌8折</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="dgc_bg">
                        <img src="tmp/bg_shop3.png"/>
                    </div>
                    <span>地铁大牌8折</span>
                </a>
            </li>
        </ul>
    </div>
</div>
<script src="js/rem.js"></script>
<script src="js/jquery.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script>
    $(function(){
        $(".title_center span").click(function(){
            $(".title_center span").removeClass("click_active");
            $(this).addClass("click_active");
        })
    })
    $(document).ready(function () {
        var timer=null;
        var bannerSwiper = new Swiper('#at_top_title', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            autoplayDisableOnInteraction : false,
            loop:true
        });
        /*头条滚动*/
        var newSwipers = new Swiper('#news', {
            autoplayDisableOnInteraction : false,
            direction : 'vertical',
            /*无限轮播*/
//          autoplayDisableOnInteraction: false,
            autoplay :1000,
            loop:true
        });

    })
</script>
</body>
</html>